<ion-tabs>

  <ion-tab-bar slot="bottom" [hidden]="!showTabs">
    <ion-tab-button (click)="tabsRouter('home')" [ngClass]="{'active': isActive.home}">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#iconhome"></use>
      </svg>
      <ion-label> {{'tabs.home' | translate}}</ion-label>
    </ion-tab-button>

    <ion-tab-button (click)="tabsRouter('myCredit')" [ngClass]="{'active': isActive.myCredit}">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#iconmycredit"></use>
      </svg>
      <ion-label> {{'tabs.myCredit' | translate}}</ion-label>
    </ion-tab-button>


    <ion-tab-button (click)="tabsRouter('myAccount')" [ngClass]="{'active': isActive.myAccount}">
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#iconmyaccount"></use>
      </svg>
      <ion-label> {{'tabs.myAccount' | translate}}</ion-label>
    </ion-tab-button>
  </ion-tab-bar>

</ion-tabs>
